//
// Buttons
// --------------------------------------------------

.button-primary {
  .btn;
  .btn-primary;
  border-radius: 0px;
  border: none;

  [class*="el-icon-"] { 
    color: lighten(@btn-primary-bg, 52%);
  }

  &:active,
  &.active {
    background-color: @orange-color;

    [class*="el-icon-"] {
      color: @yellow-color;
    }
  }
}

.button-default {
  .btn;
  .btn-default;
  border-radius: 0px;
  border: none;
  [class*="el-icon-"] { 
    color: lighten(@btn-default-bg, 52%);
  }
}

.button-success {
  .btn;
  .btn-success;
  border-radius: 0px;
  border: none;
  [class*="el-icon-"] { 
    color: lighten(@btn-success-bg, 30%);
  }
}

.button-danger {
  .btn;
  .btn-danger;
  border-radius: 0px;
  border: none;

  [class*="el-icon-"] { 
    color: lighten(@btn-danger-bg, 30%);
  }
}

.btn-big {
  font-size: 23px;
  font-weight: bold;
  padding: 12px;
}
.btn-medium {
  font-size: 16px;
  padding: 10px 12px;
}

.btn-small {
  font-size: 14px;
  padding: 7px 12px;
}

